body{
    display: flex;
    flex-direction: column;

    header{
        height: 50px;
        border-bottom: 1px solid #ccc;
        padding: 0 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        p{
            font-size: 20px;
            color: #222;
        }
        a{
            width: 70px;
            line-height: 35px;
            background-color: #4294ff;
            color: #fff;
            text-align: center;
            font-size: 14px;
            border-radius: 23px;
        }
    }

    main{
        flex: 1;
        /* overflow-y: scroll; */
        /* padding: 20px; */
        /* background-color: red; */
        .img-area{
            height: 220px;
            /* border: 1px solid red; */
            position: relative;
            margin-bottom: 10px;
            textarea{
                width: 100%;
                height: 100px;
                border: none;
                outline: none;
                padding: 16px;
            }
            div{
                width: 110px;
                height: 110px;
                background-color: #e8e8e8;
                border-radius: 10px;
                margin-right: 8px;
                margin-left: 16px;
            }
            .img-two{
                position: absolute;
                bottom: 2px;
                left: 124px;
                text-align: center;
                line-height: 110px;
                font-size: 50px;
                color: #8a8a8a;
                font-weight: 100;
            }
        }
        
    }
}  